<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<body>
    <h1>这个是大标题</h1>
    <!--网页显示的内容-->
    <p>body 元素会显示在网页中</p>
    <!--p元素是一个段落-->
    <p>title 元素的内容则是网页的标题</p>
    <a href="https://baidu.com">a标签可以放网页</a>
    <!--a标签即是超链接，它的href属性可以存放网页-->
    <img src="images/1.jpeg">
    <!--img是单标签-->
    <img src="images/2.jpeg">
    <!--img是单标签-->
    <!--无序列表-->
    <ul>
        <li>无序标签的子元素 <span>花海<span>火力全开</span></span> </li>
        <!--无序标签的子元素是属于li标签的文本节点，而花海是span标签的文本节点-->
        <li>无序标签的子元素 <div>童话</div>
        </li>
        <li>无序标签的子元素 <p>沧海一声笑</p>
        </li>
    </ul>
    <!--有序列表-->
    <ol>
        <li>有序标签的子元素</li>
        <li>有序标签的子元素</li>
        <li>有序标签的子元素</li>
    </ol>
    <span class="text">放文本</span>
    <div class="text" id="div_text">盒子元素</div>>
    <div class="block"></div>
    <div class="block text">这个div含有两个类</div>
    <!--这一行的div的class属性拥有两个类-->
</body>

</html>